<html>
<head th:include="/views/mobile/partial/head_live"></head>
<style type="text/css">
  
</style>

<body>

    <section th:replace="/views/mobile/partial/header(title='图灵手机直播')"></section>

    <section th:replace="/views/mobile/partial/cover"></section>

  <div class="wrap-container">
    
    <div class="introContainer clearfix">

          <div class="intoImg">
              <img th:src="@{/src/img/live/turingphone2015/turinggotop.png}" />
          </div>
          <div class="introContext"  fx="limit-context" context="简介：但丁之夜-TURING图灵机器人工业神秘酒会暨TURING手机发布会2015年6月8日(星期一)亮点1: 全球第一款用液态金属(liquidmorphium)打造的防水防摔手机，强度比钢和钛还要高,逼格满满亮点2: 超级安全方案,非集中式认证(decentralizedauthentication),静态密钥(static-key),端对端私密通信亮点3: 5.5英寸1080P显示屏幕,NapDragon801四核处理器,搭配3GB RAM,双色温1300万和800万双摄像头位于上海市卢湾区淮海中路796号3楼-KeeClub私人会所" limitNum="60">
              <span class="content" ></span>
          </div>
      
    </div>
   


   <div class="date-tab-container clearfix">
        <strong class="pleaseChooseDate">日期选择： </strong>
        <span class="tab" date-val="8">06-08</span>
        <a href="#" class="refresh" id="refresh-live"
          th:onclick="'javascript:refresh();return false;'" title="刷新消息"><i
          class="fa fa-refresh"></i></a>
       
   </div>
   


    <div class="timelineContainer"  th:if="${timelines.size()>0}">
                
                <div  class="timeline clearfix" th:each="timeline : ${timelines}">
                      <div class="timelineTypePicContainer" th:switch="${timeline.type}">
                          <img class="typeImg" th:case="'text'" th:src="@{/lib/vertical_timeline/img/cd-icon-location.svg}"
                            alt="Location" />
                          <img class="typeImg" th:case="'image'" th:src="@{/lib/vertical_timeline/img/cd-icon-picture.svg}"
                            alt="Picture" />
                          <img class="typeImg" th:case="*" th:src="@{/lib/vertical_timeline/img/cd-icon-movie.svg}"
                            alt="Movie" />
                      </div>

                      <div class="timelineContentContainer">
                         <div class="date-div">
                            <strong class="reporter"><img th:src="@{/src/img/live/turingphone2015/turinggotop.png}" />范客直播君@TURINGPHONE2015:</strong>
                            <br/>
                            <span class="cd-date"
                              th:text="${#dates.format(timeline.createTime, 'yyyy-MMM-dd HH:mm')}">2015-05-25</span>
                            <span class="qDate"
                              th:attr="data-date=${#dates.day(timeline.createTime)}"
                              style="display: none"
                              th:text="${#dates.year(timeline.createTime)} + '.' + ${#dates.month(timeline.createTime)} + '.' + ${#dates.day(timeline.createTime)} + ' ' + ${#dates.hour(timeline.createTime)} + ':' + ${#dates.minute(timeline.createTime)} + ':' + ${#dates.second(timeline.createTime)}">2015.05.25
                              00:00:00</span>
                          </div>
                          <div th:switch="${timeline.type}" class="content">
                            <p th:case="'text'" th:text="${timeline.content}" >Tech Crunch 2015 上海</p>
                            <img th:case="'image'" th:src="${timeline.content}" alt="Tech Crunch 2015 上海" />
                            <video th:case="*" controls="" width="430">
                              <source th:src="${timeline.content}" type="video/mp4" />
                              Your browser does not support HTML5 video.
                            </video>
                          </div>
                         
                      </div>
                </div>


  </div>


    <section th:replace="/views/mobile/partial/toTop"></section>
  </div>
    
<script type="text/javascript" th:src="@{/src/js/faxsun.jq.plugin.js}"></script>
<script type="text/javascript" th:src="@{/src/js/faxsun-for-mobile.js}"></script>
<script type="text/javascript" th:src="@{/src/js/faxsun.jq.account.js}"></script>

<script type="text/javascript">
  $(function(){
       set_cover_toggle();
        hideOrShowTotop();
        initDateTabNav();
        $(".timelineTypePicContainer").height($(".timelineTypePicContainer").width());
  });

</script>
<script th:inline="javascript">
  var checkAnyNewId;
  $(document).ready(function() {
      $("#refresh-live").hide();
      checkAnyNewId = setInterval(checkAnyNew, 30000);
  });

  var pathArray = window.location.pathname.split('/');
  var context = pathArray[1];
  var checkNewUrl = [[@{/live/turingphone2015/checkAnyNew}]];

  var refresh = function() {
      window.location.href = [[@{/live/turingphone2015}]];
  };

  var checkAnyNew = function() {
      var qDate = $(".qDate").first();
      $.ajax({
          type: "POST",
          data: {
              "qDate": qDate.text()
          },
          url: checkNewUrl,
          success: function(data) {
              if (data == 'true') {
                  $("#refresh-live").show();
                  clearInterval(checkAnyNewId);
              } else {
                  $("#refresh-live").hide();
              }
          },
          error: function(xhr, error) {
              alert(error + "-更新出错，请稍后再试");
          }
      });
  }
</script>
</body>
</html>